<template>
	<view style="height: 100%; width: 100%;">
		<!-- <cu-custom bgColor="bg" :isBack="true">
			<block slot="content">秩序册</block>
		</cu-custom> -->
		<view class="bg-box " style="height: 100%; width: 100%;" @click.prevent>
			<view class="bgs">
				<view class="item" @click="xingcheluxian">
					<waves itemClass="" wavesColor="#FFFFFF"><image class="iconimages" src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/3.png"></image></waves>
					<view class=""><text class="text" space="nbsp">\n&nbsp;&nbsp;&nbsp;&nbsp;行车路线</text></view>
				</view>
				<view class="item1" @click="huiyixuzhi">
					<waves itemClass="" wavesColor="#FFFFFF"><image class="iconimages" src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/4.png"></image></waves>
					<view class=""><text class="text" space="nbsp">\n&nbsp;&nbsp;&nbsp;&nbsp;会议须知</text></view>
				</view>
				<view class="item2" @click="huiyiyicheng">
					<waves itemClass="" wavesColor="#FFFFFF"><image class="iconimages" src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/5.png"></image></waves>
					<view class=""><text class="text" space="nbsp">\n&nbsp;&nbsp;&nbsp;&nbsp;会议议程</text></view>
				</view>
				<view class="item3" @click="canhuimingdan">
					<waves itemClass="" wavesColor="#FFFFFF"><image class="iconimages" src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/6.png"></image></waves>
					<view class=""><text class="text" space="nbsp">\n&nbsp;&nbsp;&nbsp;&nbsp;参会名单</text></view>
				</view>
				<view class="item4" @click="chechenganpai">
					<waves itemClass="" wavesColor="#FFFFFF"><image class="iconimages" src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/7.png"></image></waves>
					<view class=""><text class="text" space="nbsp">\n&nbsp;&nbsp;&nbsp;&nbsp;车乘安排</text></view>
				</view>
				<view class="item5" @click="goIndex">
					<waves itemClass="" wavesColor="#FFFFFF"><image class="iconimages" src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/8.png"></image></waves>
					<view class=""><text class="text" space="nbsp">\n&nbsp;&nbsp;&nbsp;&nbsp;返回首页</text></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import waves from '@/components/xxley-waves/waves.vue';
export default {
	components: {
		waves
	},
	data() {
		return {};
	},
	onShow() {
		uni.showLoading({});
		setTimeout(function() {
			uni.hideLoading();
		}, 500);
		//this.getSystemInfo();
	},
	methods: {
		xingcheluxian(){
			uni.navigateTo({
				url: '/pages/navigation/zhixuce/xingcheluxian'
			});
		},
		goIndex() {
			uni.navigateTo({
				url: '/pages/home/home'
			});
		},
		huiyixuzhi() {
			uni.navigateTo({
				url: '/pages/navigation/zhixuce/huiyixuzhi'
			});
		},
		huiyiyicheng() {
			uni.navigateTo({
				url: '/pages/navigation/zhixuce/huiyiyicheng'
			});
		},
		canhuimingdan() {
			uni.navigateTo({
				url: '/pages/navigation/zhixuce/canhuimingdan'
			});
		},
		chechenganpai() {
			uni.navigateTo({
				url: '/pages/navigation/zhixuce/chechenganpai'
			});
		},
		getSystemInfo() {
			let that = this;
			uni.getSystemInfo({
				success: function(e) {
					console.log(e);
					that.windowHeight = e.windowHeight;
					that.windowWidth = e.windowWidth;
				}
			});
		}
	}
};
</script>

<style>
page {
	height: 100%;
}

.item {
	display: flex;
	position: relative;
	top: -5%;
	left: 35%;
}

.item1 {
	display: flex;
	position: relative;
	top: 0%;
	left: 68%;
}

.item2 {
	display: flex;
	position: relative;
	top: 10%;
	left: 80%;
}

.item3 {
	display: flex;
	position: relative;
	top: 17%;
	left: 85%;
}

.item4 {
	display: flex;
	position: relative;
	top: 22%;
	left: 70%;
}

.item5 {
	display: flex;
	position: relative;
	top: 22%;
	left: 40%;
}

.iconimages {
	height: 100rpx;
	width: 100rpx;
}

.text {
	font-size: 36rpx;
	font-weight: 600;
	color: #0adbf2;
	line-height: 30rpx;
}

.bgs {
	background-image: url('http://oss.91xiaokong.com/fireControl/navigation/zhixuce/2.png');
	background-size: 100% 100%;
	height: 771rpx;
	width: 451rpx;
	z-index: 1;
	position: absolute;
	top: 20%;
}

.bg-box {
	background-image: url('http://oss.91xiaokong.com/fireControl/navigation/zhixuce/1.png');
	background-size: 100% 100%;
	background-repeat: repeat;
	height: 100%;
	width: 100%;
}
</style>
